import 'package:flutter/material.dart';

class ContainerDemo extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return Scaffold(
            appBar: AppBar(
                title: Text('容器控件'),
            ),
            // Center中，当widthFactor或heightFactor为null时组件的宽高将会占用尽可能多的空间
            body: Center(
                // Container是一个组合类容器，
                // 它是DecoratedBox、ConstrainedBox、Transform、Padding、Align等组件组合的一个多功能容器，
                // 所以我们只需通过一个Container组件可以实现同时需要装饰、变换、限制的场景
                child: Container(
                    width: 300.0,
                    height: 400.0,
                    // 沿Z轴旋转，左上角为坐标原点
                    transform: Matrix4.rotationZ(-0.2),
                    //边框装饰
                    decoration: BoxDecoration(
                            color: Colors.lightBlueAccent[200],
                            //边框
                            border: Border.all(
                                    color: const Color(0xff6d9eeb),
                                    //边框粗细
                                    width: 8.0
                            ),
                            //边框弧度
                            borderRadius: BorderRadius.all(const Radius.circular(5.0))),
                    child: Center(
                        child: Text(
                            'hello',
                            textAlign: TextAlign.center,
                        ),
                    ),
                ),
            ),
        );
    }
}
